/*
variables
*/
@colorRed: red;
@colorGreen: green;
@widthFirst: 400px;
@divHeights: 100px;

.divMix(@radius: 5px, @marginTopDIv: 15px, @zindexDiv: 5){
	border-radius: @radius;
	-moz-border-radius: @radius;
    -webkit-border-radius: @radius;
    margin-top: @marginTopDIv;
    z-index: @zindexDiv;
}

div.first{
	width: @widthFirst;
	height: 250px;
	border: 1px solid green;
	background-color: @colorRed;
	.divMix;
	height: 0.5 * @divHeights;
}

div.second{
	.divMix(25px, -25px, 0);
	width: @widthFirst;
	height: 250px;
	border: 1px solid green;
	background-color: @colorGreen;
	height: 2.5 * @divHeights;
}

@bgColorInnerRuleDiv: blue;
@borderInnerRuleDiv: 5px solid yellow;

.divStandartParam{
	color: white;
	background-color: @bgColorInnerRuleDiv;
	border: @borderInnerRuleDiv;
	width: 50px;
	height: 50px;
}

div.innerRules{
	.divStandartParam;
}

div.innerRules{
	p{
		font-size: 15px;
		color: #ccc;
	}
	a{
		font-size: 19px;
		color: green;
		&:hover{
			font-size: 29px;
		} 
	}
	height: 5 * @divHeights;
}